@active-color: #2d8cf0;

.project-item-detail {
  height: 100%;
  .ivu-tabs-content {
    height: 100%;
    .ivu-tabs-tabpane {
      height: 100%;
    }
  }
  .card-box {
    height: 100%;
    position: relative;
    .ivu-card-body {
      height: 100%;
      padding-bottom: 0;
    }
    .tabs-list {
      overflow-y: auto;
      // position: inherit;
      height: 100%;
      & > .ivu-tabs-bar {
        // z-index: 999;
        // border-bottom: none;
        // margin-bottom: 0;
        // position: absolute;
        // bottom: 0;
        // left: 0;
        display: none;
        //
        & .ivu-tabs-tabpane {
          display: none;
        }
        & .isTabShow {
          display: block !important;
        }
      }
    }

    //
    .define-tabs-nav {
      z-index: 999;
      margin-bottom: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      .define-tabs-tab {
        margin: 0;
        margin-right: 4px;
        height: 32px;
        padding: 5px 16px 4px;
        background: #fff;
        border: 1px solid #dcdee2;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        background: #f8f8f9;
        cursor: pointer;
        display: none;
        &:hover {
          color: @active-color;
        }
      }
      .is-tab-bar-show {
        display: block;
      }
      .active-tab-bar {
        color: @active-color;
        border-color: @active-color;
        background: #fff;
      }
    }
  }
}